<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>山东省少先队服务中心</title>
    <script src="${ctxStatic }/sxdw/js/jquery-1.11.0.min.js" type="text/javascript"></script>
	<script src="${ctxStatic }/jquery-validation/1.11.0/lib/jquery.fileupload.js" type="text/javascript"></script>
	<script src="${ctxStatic }/jquery-validation/1.11.0/lib/jquery.form.js" type="text/javascript"></script>
	<script src="${ctxStatic }/sxdw/js/base.js" type="text/javascript"></script>
	<script src="${ctxStatic }/sxdw/js/join.js" type="text/javascript"></script>

    <script src="${ctxStatic }/weixin/js/mui.min.js"></script>
    <link href="${ctxStatic }/weixin/css/mui.min.css" rel="stylesheet"/>
     <%-- <link href="${ctxStatic }/weixin/css/ws.css" rel="stylesheet"/> --%>
     <link rel="stylesheet" type="text/css" href="${ctxStatic }/weixin/css/icons-extra.css" />
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
	<sitemesh:head/>
</head>

<body>
 <style>
.mui-tab-item2 { font-size:12px; float:left;  width:25%; text-align:center; }
.mui-tab-item2 .mui-icon{ height:28px;line-height:16px}
.mui-tab-item2  .mui-tab-label{}
 </style>   
	<div class="container">
		<div class="content">
			<sitemesh:body/>
		</div>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item2 mui-active" onclick="javascript:window.location.href='${ctx }/weixin'" style="color: #F14E41;">
				<span class="mui-icon mui-icon-home"></span><br/>
				<span class="mui-tab-label" style="color: #333;">首页</span>
			</a>
			<a class="mui-tab-item2" onclick="javascript:window.location.href='${ctx }/weixin/frontJoin'" style="color: #F14E41;">
				<span class="mui-icon mui-icon-extra mui-icon-extra-new"> </span><br/>
				<span class="mui-tab-label" style="color: #333;">活动报名</span>
			</a>
			<a class="mui-tab-item2" onclick="javascript:window.location.href='${ctx}/list-9ce2d573da1b4b018b8664e2b2a0a2ac${urlSuffix}?siteId=${site.id }'" style="color: #F14E41;">
				               <span class="mui-icon  mui-icon-image"></span><br/>
				<span class="mui-tab-label" style="color: #333;">团队用品</span>
			</a>
			 <a  onclick="javascript:window.location.href='${ctx}/list-8c0ef07f9cfd4e5fb4817d981be9e7c3${urlSuffix}?siteId=${site.id }'" class="mui-tab-item2" style="color: #F14E41;">
				<span class="mui-icon mui-icon-contact"></span><br/>
				<span class="mui-tab-label" style="color: #333;">少年军校</span>
			</a>
			 
		</nav>
    </div> <!-- /container -->
</body>
<script type="text/javascript" charset="utf-8">
    	
      //判断浏览器类型
		var ua = navigator.userAgent.toLowerCase();
		var isWeixin = ua.indexOf('micromessenger') != -1;
		var isAndroid = ua.indexOf('android') != -1;
		var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
		if (!isWeixin) {
		    document.head.innerHTML = '<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">';
		    document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>';
		}
      	
    </script>
</html>